<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>理邦家具</title>
    <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="js/lrtk.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/aritcle.css" rel="stylesheet">
    <!--引用百度地图API-->
    <style type="text/css">
        html,body{margin:0;padding:0;}
        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<body>
<!--header-->
<div class="hd-bg">
    <header class="hd-content">
        <div class="hd-all">
            <!--header left-->
            <div class="hd-logo">
                <img src="images/logo.png">
            </div>
            <!--header left end-->
            <!--header right-->
            <div class="hd-top-title">
                <!--header login／reg、phone-->
                <div class="hd-top-fom">
                    <a href="#">登录</a><span class="hd-top-numbertitle">/</span><a href="#" class="hd-top-ft">注册</a><img src="images/phone_icon.png" class="hd-top-imgs"><span class="hd-top-numbertitle">服务热线：<font class="hd-top-number">020-28034000</font></span>
                </div>
                <!--header login／reg、phone end-->
                <!--header nav-->
                <nav class="nav">
                    <ul class="nav_menu">
                        <li class="nav_menu-item"><a href="index.html">网站首页</a></li>
                        <li class="nav_menu-item"><a href="about.html">公司简介</a>
                            <ul class="nav_submenu">
                                <li class="nav_submenu-item"> <a href="about.html" >公司简介</a></li>
                                <li class="nav_submenu-item"> <a href="honor.html" >公司荣誉</a></li>
                                <li class="nav_submenu-item"> <a href="culture.html" >公司文化</a></li>
                                <li class="nav_submenu-item"> <a href="Idea.html" >经营理念</a></li>
                                <li class="nav_submenu-item"> <a href="net.html" >营销网络</a></li>
                            </ul>
                        </li>
                        <li class="nav_menu-item"><a href="article_list.html" >新闻动态</a>
                            <ul class="nav_submenu">
                                <li class="nav_submenu-item"> <a href="article_list.html" >公司动态</a></li>
                                <li class="nav_submenu-item"> <a href="article_list.html" >行业新闻</a></li>
                                <li class="nav_submenu-item"> <a href="article_list.html" >家具常识</a></li>
                            </ul>
                        </li>
                        <li class="nav_menu-item"><a href="product_list.html" >理邦产品</a>
                            <ul class="nav_submenu">
                                <li class="nav_submenu-item"> <a href="product_list.html" >太空新款系列</a></li>
                                <li class="nav_submenu-item"> <a href="product_list.html" >苹果屏风系列</a></li>
                                <li class="nav_submenu-item"> <a href="product_list.html" >百变屏风系列</a></li>
                                <li class="nav_submenu-item"> <a href="product_list.html" >黑特班台系列</a></li>
                                <li class="nav_submenu-item"> <a href="product_list.html" >肯赛斯系列</a></li>
                                <li class="nav_submenu-item"> <a href="product_list.html" >"韵"整体系列</a></li>
                            </ul>
                        </li>
                        <li class="nav_menu-item"><a href="mendian.html">理邦布局</a>
                            <ul class="nav_submenu">
                                <li class="nav_submenu-item"> <a href="mendian.html" >门店展示</a></li>
                                <li class="nav_submenu-item"> <a href="fenzhi.html" >分支机构</a></li>
                            </ul>
                        </li>
                        <li class="nav_menu-item"><a href="jiamengtiaojian.html" >牵手理邦</a>
                            <ul class="nav_submenu">
                                <li class="nav_submenu-item"> <a href="jiamengtiaojian.html" >加盟条件</a></li>
                                <li class="nav_submenu-item"> <a href="jiamengchengxu.html" >加盟程序</a></li>
                                <li class="nav_submenu-item"> <a href="jiamengshenqing.html" >加盟申请</a></li>
                            </ul>
                        </li>
                        <li class="nav_menu-item"><a href="join.html" >加入理邦</a>
                            <ul class="nav_submenu">
                                <li class="nav_submenu-item"> <a href="join.html" >人才招聘</a></li>
                                <li class="nav_submenu-item"> <a href="zhaopin.html" >招聘信息</a></li>
                            </ul>
                        </li>
                        <li class="nav_menu-item"><a href="contact.html" class="active">联系理邦</a>
                            <ul class="nav_submenu">
                                <li class="nav_submenu-item"> <a href="contact.html" >联系方式</a></li>
                                <li class="nav_submenu-item"> <a href="feedback.html" >信息反馈</a></li>
                                <li class="nav_submenu-item"> <a href="dingzhi.html" >定制流程</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
                <!--header nav end-->
            </div>
            <!--header right end-->
        </div>
    </header>
</div>
<!--header end-->
<!--banner-->
<div class="inside_banner">
    <img src="images/inside_banner.jpg">
</div>
<!--banner end-->
<!--main-->
<article>
    <div class="m-main">
        <!--<div class="m-postion">-->
        <!--<a href="index.html">首页</a> > <a href="about.html">公司简介</a>-->
        <!--</div>-->
        <!--nav-->
        <div class="m-lt-nav">
            <div class="m-lt-nav_item1">
                <ul>
                    <li><a href="contact.html" class="active">联系方式</a></li>
                    <li><a href="feedback.html">信息反馈</a></li>
                    <li><a href="dingzhi.html">定制流程</a></li>
                </ul>
            </div>
        </div>
        <!--nav end-->
        <div class="m-content">
            <span>联系方式</span>
        </div>
        <div class="m-content-nr1">
            <!--百度地图容器-->
            <div style="width:1000px;height:400px;border:#ccc solid 1px; margin-top: 8px;" id="dituContent"></div>
        </div>
    </div>
</article>
<!--main end-->

<footer>
    <div class="footer_bg">
        <div class="footer_all">
            <div class="footer_menu">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系方式</a></li>
                    <li><a href="#">信息反馈</a></li>
                    <li><a href="#">加盟申请</a></li>
                    <li><a href="#">门店展示</a></li>
                    <li><a href="#">友情链接</a></li>
                </ul>
            </div>
            <div class="footer_cop">
                <div class="footer_cop_lt">
                    <ul>
                        <li>地址:广州市花都区新华镇清布村南阳工业区水厂路自编10号</li>
                        <li>传真:020-36038699  邮箱:jimmy@lb-un.com</li>
                    </ul>
                </div>
                <div class="footer_cop_ct"></div>
                <div class="footer_cop_rt">
                    <ul>
                        <li>版权所有 2017-2018 广州理邦家具制造有限公司</li>
                        <li>备案/许可证编号为：粤ICP备14014692号</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }

    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(113.266947,23.400324);//定义一个中心点坐标
        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }

    //标注点数组
    var markerArr = [{title:"理邦家具",content:"地&nbsp;址：广州市花都区新华镇清布南阳工业区水厂路自编10号<br/>总&nbsp;机：020-28034000<br/>免费热线：400－0980－811<br/>微信公众号：libras5588<br/>营销接待QQ:4000980811<br/>传&nbsp;真:&nbsp;020-36038699<br/>联系人:&nbsp;吴先生<br/>手&nbsp;机:&nbsp;18602075588<br/>邮&nbsp;箱:&nbsp;jimmy@lb-un.com",point:"113.266345|23.398151",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
    ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor:"#808080",
                color:"#333",
                cursor:"pointer"
            });

            (function(){
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click",function(){
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open",function(){
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close",function(){
                    _marker.getLabel().show();
                })
                label.addEventListener("click",function(){
                    _marker.openInfoWindow(_iw);
                })
                if(!!json.isOpen){
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://map.baidu.com/image/us_cursor.gif", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }

    initMap();//创建和初始化地图
</script>
</html>